<template>
	<view style="padding: 20rpx;">
		<view class="title">
			如有任何想法 请联系我们！
		</view>
		<view class="card">
			<u--form :model="model" :rules="rules" ref="uForm" labelWidth="auto" labelPosition="top">
				<u-form-item label="如何称呼:" prop="name" borderBottom>
					<u--input v-model="model.name" border="none" placeholder="请输入"></u--input>
				</u-form-item>
				<u-form-item label="联系方式:" prop="phone" borderBottom>
					<u--input v-model="model.phone" border="none" placeholder="请输入联系方式" max="11"></u--input>
				</u-form-item>
			</u--form>
		</view>
		


		<view class="btn" @click="submit">
			提交
		</view>
		<view style="text-align: center;font-size: 26rpx;color: #999999;margin-top: 20rpx;">
			管理员将在24小时内联系您！
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				model: {
					name:'',
					phone:''
				},
				rules:{
					'name': {
						type: 'string',
						required: true,
						message: '请填写称呼',
						trigger: ['blur', 'change']
					},
					'phone': {
						type: 'string',
						required: true,
						message: '请填写联系方式',
						trigger: ['blur', 'change']
					},
				}
			}
		},
		onReady() {
				//如果需要兼容微信小程序，并且校验规则中含有方法等，只能通过setRules方法设置规则。
		    	this.$refs.uForm.setRules(this.rules)
		    },
		methods: {
			submit(){
				this.$refs.uForm.validate().then(res => {
								this.$myRuquest('home/user/user_interal_save',this.model,'POST').then(res=>{
									uni.showToast({
										title: '提交成功',
										icon: 'none',
										success() {
											setTimeout(()=>{
												uni.navigateBack({
													delta: 1
												})
											},1500)
										}
									});
								})
							}).catch(errors => {
							})
	
				
			},
		}
	}
</script>

<style>
	.title {
		font-size: 36rpx;
		text-align: center;
		padding:80rpx 0;
	}

	.card {
		padding: 40rpx 20rpx;
	}

	.btn {
		height: 90upx;
		color: #AC7D3D;
		background-color: #FED194;
		border-radius: 90upx;
		line-height: 90upx;
		text-align: center;
		margin-top: 50upx;
	}
</style>
